<!DOCTYPE HTML>
<html>
	<head>
		<title>Topranking.cn-中国自媒体排行榜</title>

		<link rel="stylesheet" type="text/css" href="/skin/css/reset.css" />
		<link rel="stylesheet" type="text/css" href="/skin/css/layout.css" />
		<link rel="stylesheet" type="text/css" href="/skin/css/fina.css" />
		<link rel="stylesheet" type="text/css" href="/skin/css/feature.css" />
		<script src="/skin/js/jquery-2.0.3.min.js"></script>
		<!--script src="/skin/js/tools.js"></script-->
		<!--script src="/skin/js/ui.js"></script-->
		<script src="/skin/js/reui.js"></script>


	</head>
	<body>
		

<style>
body{overflow: hidden;background: url(/passport/img/bg.png) no-repeat center center;}
.reg-form{font-size:16px;}

.tips{color:red;display:inline-block;margin-left:10px;}
.n-form{background-color: #f9f9f9;color:#fff;}
.n-form dt{width:100px;}
.n-form dd{margin-left:110px;}
.n-form dd input{margin:0px;border:none;}
.n-form dd img{margin-left:2px;}
</style>
<div class="n-middle n-max-width">
	
	<div class="reg-form">
		
		<div class="login-top"></div>
		<div>
			<form action="<?=n_url('passport','doreg')?>" onsubmit="return doreg();">
			<dl class="n-form" style="width:440px;padding:40px 0px;margin:50px auto;background:url(/passport/img/passport-box.png);border-radius: 20px;">
				<h3 style="text-align:center;margin-bottom:50px;font-size:30px;">中自榜 | 注册</h3>
				<dt>账号:</dt>
				<dd>
					<div style="border-radius: 5px;border:1px solid #868789;background-color:#fff;width:220px;padding:2px;">
						<img src="/passport/img/uname.png" />
						<input id="uname" type="text" name="uname" value="" />
					</div>
						</dd>
				<dt>密码:</dt>
				<dd>
					<div style="border-radius: 5px;border:1px solid #868789;background-color:#fff;width:220px;padding:2px;">
						<img src="/passport/img/password.png" />
						<input id="password" type="password" name="password" value="" />
					</div>
						</dd>
				<dt>确认密码:</dt>
				<dd>
					<div style="border-radius: 5px;border:1px solid #868789;background-color:#fff;width:220px;padding:2px;">
						<img src="/passport/img/password.png" />
						<input id="repassword" type="password" name="repassword" value="" />
					</div>	
					</dd>
				<dt>验证码:</dt>
				<dd>
					<div style="border-radius: 5px;border:1px solid #868789;background-color:#fff;width:100px;padding:2px;display:inline-block;">
						
						<input type="hidden" id="usertype" name="usertype" value="normal" />
						<input id="vcode" name="vcode" type="text" style="width:70px;margin:0;" />
					</div>
					<img style="cursor: pointer;height:34px;" onclick="$(this).attr('src','/common/vcode.html?t='+Math.random())" src="<?=n_url('common','vcode')?>" />
				</dd>
				<dt>&nbsp;</dt>
				<dd>
					<button style="border-radius: 5px;">提交注册</button>
					<div class="tips">&nbsp;</div>
				</dd>
				<div style="text-align: center;">
					已有账号，
					我要 [<?=n_href(n_url('passport','login'),'登录','style="color:#E4BB83;"')?>]
					，返回[<?=n_href(n_url('index','index'),'首页','style="color:#E4BB83;"')?>]
				</div>				
			</dl>
			</form>
			
		</div>
	</div>

	<div class="login-bottom"></div>
	<script>
		function doreg(){
			var uname = $("#uname").val();
			var password = $("#password").val();
			var repassword = $("#repassword").val();
			var usertype = $("#usertype").val();
			var vcode = $("#vcode").val();
			$.getJSON("/passport/doreg.html",{uname:uname,password:password,repassword:repassword,vcode:vcode,usertype:usertype},function(rs){
				$(".tips").html(rs.msg);
				if(rs.state){
					location.href="/index/index.html";
				}
			});
			return false;
		}
	</script>
</div>




	</body>
</html>